<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>响应式Web设计</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="xiang.css">
<!--[if lt IE 9]>     
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body>
<header>
    <div class="name">往事随风</div>
    <nav>
        <ul>
            <li>亿房首页</li>
            <li>亿房信息</li>
            <li>在线咨询</li>
            <li>亿房论坛</li>
        </ul>
    </nav>
</header>
<div id="container">
    <article>
        <h1>武汉亿房网</h1>
        <figure>
            <figcaption></figcaption>
            <img src="images/3.jpg"/> 
        </figure>
        <section>
            <p>前端对于网站来说，通常是指，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。</p>
            <p>html指的是超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到5.0版了，得力于W3C建立的标准和规范，已普遍升级到了XHTML，XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）， XHTML 于2000年的1月26日成为 W3C 标准，是更严格更纯净的 HTML 代码，XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的，XHTML 是作为一种 XML 应用被重新定义的 HTML，是一个 W3C 标准。W3C 将 XHTML 定义为最新的HTML版本。所有新的浏览器都支持 XHTML</p>
            <p>css级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力</p>
            <p>javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能</p>
        </section>
    </article>
    <aside>
        <article>
            <h1>最多访问文章</h1>
            <ul>
                <li>&middot;《全民编程》我在微软生活中所接触的 </li>
                <li>&middot;Eclipse安装SVN插件方式简明介绍</li>
                <li>&middot;使用Eclipse调试Java程序的10个技巧 </li>
                <li>&middot;三步学会Java Socket编程 </li>
                <li>&middot;程序员妻子自述: 那些程序员教给我的</li>
                <li>&middot;我希望在20岁时就知道的26条时间管理 </li>
                <li>&middot;详解Java解析XML的四种方法 </li>
                <li>&middot;Java数组声明、创建、初始化 </li>
            </ul>
        </article>
        <article>
            <h1>最新发布照片</h1>
            <ul class="imglist">
                <li><img src="images/2.jpg"></li>
                <li><img src="images/3.jpg"></li>
                <li><img src="images/4.jpg"></li>
                <li><img src="images/3.jpg"></li>
                <li><img src="images/4.jpg"></li>
                <li><img src="images/2.jpg"></li>
                <li><img src="images/3.jpg"></li>
                <li><img src="images/4.jpg"></li>
            </ul>
        </article>
        <article>
            <h1>最多访问文章</h1>
            <ul>
                <li>&middot;《全民编程》我在微软生活中所接触的 </li>
                <li>&middot;Eclipse安装SVN插件方式简明介绍</li>
                <li>&middot;使用Eclipse调试Java程序的10个技巧 </li>
                <li>&middot;三步学会Java Socket编程 </li>
                <li>&middot;程序员妻子自述: 那些程序员教给我的</li>
                <li>&middot;我希望在20岁时就知道的26条时间管理 </li>
                <li>&middot;详解Java解析XML的四种方法 </li>
                <li>&middot;Java数组声明、创建、初始化 </li>
            </ul>
        </article>
        <article>
            <h1>最多访问文章</h1>
            <ul>
                <li>&middot;《全民编程》我在微软生活中所接触的 </li>
                <li>&middot;Eclipse安装SVN插件方式简明介绍</li>
                <li>&middot;使用Eclipse调试Java程序的10个技巧 </li>
                <li>&middot;三步学会Java Socket编程 </li>
                <li>&middot;程序员妻子自述: 那些程序员教给我的</li>
                <li>&middot;我希望在20岁时就知道的26条时间管理 </li>
                <li>&middot;详解Java解析XML的四种方法 </li>
                <li>&middot;Java数组声明、创建、初始化 </li>
            </ul>
        </article>

    </aside>
</div>
<footer><em>关于站长之家</em> <em>联系我们(电话)</em> <em>广告服务</em> <em>友情链接</em> <em>网站地图</em> <em>版权声明</em> <em>人才招聘</em></footer>
</body>
</html>